<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Hotspot Page</title>
    <link href="/static/dist/css/anthias.css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
    <link rel="icon" href="/static/favicons/favicon.ico">
    <style type="text/css">
        html, body {
            height: 100%;
            overflow-y: hidden;
        }
    </style>
</head>
<body class="splash container d-table">
<div class="col-12 d-table-cell align-middle">
    <div class="row">
        <div class="col-12">
            <div
                class="logo-container page-header d-flex flex-nowrap
                    justify-content-center align-items-center"
            >
                <img src="/static/img/logo-full-splash.svg" alt="splash-logo" class="img-fluid"/>
            </div>
        </div>
    </div>
    <div class="splash-body p-5">
        <div class="row">
            <div class="col-12 text-center">
                <img src="/static/img/wifi-off.svg" alt="wifi-off" class="img-fluid mb-4">
                <h3 class="mb-3">
                    <b>No network connections were found</b>
                </h3>
                <p>
                    An access point has been created. To configure WiFi networking,
                    simply connect to the access point using your computer or
                    mobile device.
                </p>
                <div class="form-actions">
                <span>
                    <strong>SSID:</strong> {{ context.network }}
                    <br>
                    <strong>Password:</strong> {{ context.ssid_pswd }}
                    <br>
                    <strong>Address:</strong> {{ context.address }}
                </span>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
